<!--
 * @Author: fumin 31408026@qq.com
 * @Date: 2025-11-16 16:45:30
 * @LastEditors: fumin 31408026@qq.com
 * @LastEditTime: 2025-11-16 17:01:05
 * @FilePath: /xinjiangkf-miniapp/src/pages/link/link.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <view class="link-page">
        <image class="page-bg" src="/static/images/bg.png" mode="aspectFill" />
        <CustomNavbar title="联系客服" />
        <view class="page-content" :style="{ paddingTop: navBarHeight + 'px' }">
            <web-view :src="linkUrl" />
        </view>

    </view>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import CustomNavbar from '@/components/CustomNavbar.vue'
import { api } from '@/utils/api'

const navBarHeight = ref(88)
const linkUrl = ref('')

// 页面加载时接收参数
onLoad((options) => {
    console.log('1111 = ',options)
  if (options && options.lurl) {
    linkUrl.value = decodeURIComponent(options.lurl)
  }
})

onMounted(() => {
  const windowInfo = uni.getWindowInfo()
  const statusBarHeight = windowInfo.statusBarHeight || 0
  navBarHeight.value = statusBarHeight + 44


 
})

</script>

<style scoped>
.link-page {
   
  position: relative;
  z-index: 1;
}

.page-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
  object-fit: cover;
}

.page-content {
  position: relative;
  z-index: 2;
  padding-bottom: 40rpx;
}
</style>